/**
 * 说明文字
 */
import React from "react";
import { useFormField } from "../../context/form-context";
import { useForm } from "../../context/metadata-context";

let defaultConfig = {
  //这一批属性来源 tplData.form.data_control （步骤权限）
  // "code": "ctl_tip_1374442004",
  // "name": "说明文字",
  // "type": "tip",
  // "is_show": true,
  // "is_editable": false,
  // "is_required": false,

  //这一批属性来源 tplData.form.form_meta_data （表单设计器）
  // "designProps": {
  //   "code": "ctl_tip_1374442004",
  //   "name": "说明文字",
  //   "ui": "wfd_ctl_tip",
  //   "title": "说明文字标题",
  //   "text": "说明文字描述",
  //   "layout": "control_layout_noTitle",
  //   "groupTitle": "",
  //   "byTableGroupTitle": false,
  //   "defaultValue": "",
  //   "title_w": 85,
  //   "rules": {
  //     "hidden": {
  //       "symbol": "AND",
  //       "rules": []
  //     }
  //   }
  // },
  // "icon": "",
  // "config": "{}",
  // "id": "30782fa672d44bc2a6150cde6dd3c5eb",

  //这一批属性来源 tplData.form.data_define （业务对象）
  // "type_name": "说明文字",
  
}

export default function ({ id, field, label, rules, showLabel = false, onChange, onBlur, displayFormatter, valueFormatter, required, cell, rowIndex, ...others }) {
  const { input, property, validation, readonly, className,isDisplay } = useFormField({
    field,
    rules,
    onChange,
    displayFormatter,
    valueFormatter,
    onBlur,
  });
  //返回显示文本
  function getText(text){
    return text.replace(/\n/g, "<br/>")
  }

  return cell.designProps.text === undefined ? null : <div className="tip-content bg-fff5ea px-10px py-6px text-color-666" dangerouslySetInnerHTML={{ __html: getText(cell.designProps.text) }}></div>
}
